<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <title>公立学校模板</title>
    <style>
        .contactUs {
            width: 100%;
        }

        .contactUs_flexBox1 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .contactUs_flexBox2 {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .contactUs_flexBox4 {
            display: flex;
            flex-direction: column-reverse;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .contactUs_flexBox3 .contactUs_right_img {
            width: 100%;
            height: 499px;
        }

        .contactUs_flexBox4 .contactUs_right_img {
            width: 100%;
            height: 499px;
        }

        .contactUs_right_img {
            width: 48.5%;
            height: 499px;
        }

        .contactUs_right_img img {
            width: 100%;
            height: 100%;
        }
        .contactUs_flexBox4 .contactUs_left_text{
            width: 100%;
            padding-top: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .contactUs_flexBox3 .contactUs_left_text {
            width: 100%;
        }

        .contactUs_left_text {
            width: 48.5%;
            padding-top: 40px;
        }

        .contactUs_left_text p,
        .contactUs_left_text p a {
            color: var(--c_subtitle);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
        }
        .contactUs_flexBox4 .contactUs_left_text p:nth-child(n+2){
            width: 22%;
            margin-bottom: 60px;
        }

        .contactUs_flexBox3 .contactUs_left_text p:nth-child(1) {
            margin-bottom: 30px;
        }

        .contactUs_left_text p:nth-child(1) {
            margin-bottom: 60px;
        }

        @media(max-width: 768px) {

            .contactUs_flexBox3 .contactUs_right_img,
            .contactUs_flexBox4 .contactUs_right_img,
            .contactUs_right_img {
                width: 100%;
                height: 217px;
            }

            .contactUs_left_text {
                width: 100%;
                padding-top: 20px;
            }
            .contactUs_flexBox4 .contactUs_left_text{
                padding-top: 20px;
                width: 100%;
            }

            .contactUs_flexBox3 .contactUs_left_text p:nth-child(1),
            .contactUs_flexBox4 .contactUs_left_text p:nth-child(1),
            .contactUs_left_text p:nth-child(1) {
                margin-bottom: 10px;
            }
            .contactUs_flexBox4{
                flex-direction: column;
            }
            .contactUs_flexBox4 .contactUs_left_text p:nth-child(n+2){
                width: 100%;
                margin-bottom: 0;
            }
        }
    </style>
</head>

<body>
    <!-- 公立学校第六套 联系我们 -->
    <div class="contactUs modular">
        <div class="public_width contactUs_flexBox4">
            <div class="contactUs_right_img">
                <img src="../images/number_3.jpg" alt="">
            </div>
            <div class="contactUs_left_text">
                <p>学院位于广州市，校园环境优美，是一所现代化的国际学校。我们的使命是通过现阶段的教育，以及结合我们独特的、国际化的专业课程，使我们的学生具备深厚的人文素养，发展他们的批判性思维和沟通能力.以及独立的判断和行事能力。学院积极深化教育教学改革办学成果显著。
                </p>
                <p>联系QQ：<a href="">258506508</a></p>
                <p>手机号码：<a href="">130000000</a></p>
                <p>联系邮箱：<a href="">xxx@.co.m</a></p>
                <p>联系地址：XXX省XXX市XXX县XXX路</p>
            </div>
        </div>

    </div>
</body>

</html>